<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>CRM登陆页面</title>
    <base href="${pageContext.request.contextPath}/">
    <link href="bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet" />

</head>
<body>
    <div style="position: absolute; top: 0px; left: 0px; width: 60%;">
        <img src="image/IMG_7114.JPG" style="width: 100%; height: 90%; position: relative; top: 50px;">
    </div>
    <div id="top" style="height: 50px; background-color: #3C3C3C; width: 100%;">
        <div style="position: absolute; top: 5px; left: 0px; font-size: 30px; font-weight: 400; color: white; font-family: 'times new roman'">CRM &nbsp;<span style="font-size: 12px;">&copy;2019&nbsp;动力节点</span></div>
    </div>

    <div style="position: absolute; top: 120px; right: 100px;width:450px;height:400px;border:1px solid #D5D5D5">
        <div style="position: absolute; top: 0px; right: 60px;">
            <div class="page-header">
                <h1>登录</h1>
            </div>
            <form action="auth/loginUserAndPassword" class="form-horizontal" role="form">
                <div class="form-group form-group-lg">
                    <div style="width: 350px;">
                        <input id="username" class="form-control" type="text" placeholder="用户名" name="username">
                    </div>
                    <div style="width: 350px; position: relative;top: 20px;">
                        <input id="password" class="form-control" type="password" placeholder="密码" name="password">
                    </div>
                    <div class="checkbox"  style="position: relative;top: 30px; left: 10px;">
                        <label>
                            <input type="checkbox"> 十天内免登录
                        </label>
                        &nbsp;&nbsp;
                        <span id="msg"></span>
                    </div>
                    <button type="button" class="btn btn-primary btn-lg btn-block"  style="width: 350px; position: relative;top: 45px;" onclick="loginHandle()" >登录</button>
                </div>
            </form>
        </div>
    </div>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        function loginHandle() {
            var username = $('#username').val();
            var password = $('#password').val();
            $.ajax('auth/loginUserAndPassword',{
                type:'post',
                data:{
                    username:username,
                    password:password
                },
                //校验数据
                beforeSend:function () {
                    if (!username){
                        alert('登陆账号不能为空')
                        return false;
                    }
                    if (!password){
                        alert('登陆密码不能为空')
                        return false;
                    }
                },
                success:function (res) {
                    if (res.code == 0){
                        //登陆成功跳转页面
                        location.href = 'jump/workbench/index';
                    }else {
                        alert(res.message);
                    }


                }
            })
        }
    </script>
</body>
</html>
